<template>
    <div class="coupon-error" style="display: block; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <img src="/static/images/error.png" alt="">
        <p>{{title}}</p>
        <router-link class="btn btn-orange" to="/">去逛逛</router-link>
    </div>
</template>
<script>
export default {
    name: 'error',
    props:['title']
}
</script>
<style lang='scss' scoped>
    .coupon-error {
        display: none;
        text-align: center
    }

    .coupon-error img {
        width: 50%;
        height: 50%;
        margin-top: 5rem
    }

    .coupon-error p {
        font-size: 0.6rem;
        color: #bbbbbb
    }

    .coupon-error a {
        display: block;
        margin: 0.56rem auto 0;
        background: #ffffff;
        border: 1px solid #ff782d;
        border-radius: 1.04rem;
        width: 6rem;
        height: 1.56rem;
        line-height: 1.56rem;
        font-size: 0.56rem;
        color: #ff782d
    }

</style>